<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <link rel="stylesheet" href="../../views/ccw/personalcenter.css">
    <link rel="stylesheet" href="../../views/ccw/foot.css">
    <link rel="stylesheet" href="../../views/slx/css/nav.css">

    <style>
        body{margin: 10px;}
        .demo-carousel{height: 200px; line-height: 200px; text-align: center;}
    </style>
<body style="  padding: 0; margin: 0;">
    <link rel="stylesheet" href="/dev/views/cxy/css/playerto.css">
    <style>
        #QPlayer{
            z-index:200;
        }
    </style>
</head>


<div id="app"></div>
<!--播放器-->
<div id="QPlayer">
    <div id="pContent">

        <div id="player">
            <span class="cover"></span>
            <div class="ctrl">
                <div class="musicTag marquee">
                    <strong>Title</strong>
                    <span> - </span>
                    <span class="artist">Artist</span>
                </div>
                <div class="progress">
                    <div class="timer left">0:00</div>
                    <div class="contr">
                        <div class="rewind icon"></div>
                        <div class="playback icon"></div>
                        <div class="fastforward icon"></div>
                    </div>
                    <div class="right">
                        <div class="liebiao icon"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ssBtn" style="background:#000 none repeat scroll 0% 0%">
            <div class="adf"></div>
        </div>
    </div>
    <ol id="playlist"></ol>
</div>

<!-- 主体 -->
<div class="backgroud">

    <div class="container" id="phone" >

        <div class="row">
            <div class="title" style="width: 1170px;">

                <!-- 嵌套使用 -->
                <div class="row content" style="text-align: center">
                    <div class="col-md-12 r1"  id="photo">

                    </div>
                </div>

                    <div class="row content r2" style="margin-top: 2px;">
                    <div class="col-md-12 " id="uname">

                    </div>

                </div>

                <div class="row content r3" style="margin-top: 2px;">

                    <div class="col-md-12 " id="intro"></div>
                    <div class="setup">
                        <button type="button" onclick='window.open("personalsettings.html")'  class="btn btn-info" style="margin-left: 0px">个人设置</button>
                    </div>
                </div>


            </div>
        </div>
    </div>

</div>
<br>

<div class="layui-body" style="left: 40px" >
    <!-- 内容区域 -->

    <table class="layui-hide" id="test"></table>

        <script type="text/html" id="barDemo">


        </script>

    <script type="text/html" id="imgtmp">
        <img src="../cxy/music/img/{{d.singerAvatar}} " style="width: 120px;height: 95px">
    </script>

    <script src="/dev/plugins/layui/layui.js" charset="utf-8"></script>

    </div>

</div>

    <div class="foot">
        <div class="copy">
            <p class="link" id="music-link">
                <a href="#" class="item sf">服务条款</a>
                <span class="line">|</span>
                <a href="#" class="item sf">隐私政策</a>
                <span class="line">|</span>
                <a href="#" class="item sf">儿童隐私政策</a>
                <span class="line">|</span>
                <a href="#" class="item sf">版权投诉</a>
                <span class="line">|</span>
                <a href="#" class="item sf">广告合作</a>
                <span class="line">|</span>
                <a href="#" class="item sf">联系我们</a>
                <span class="line">|</span>
            </p>
        </div>
    </div>

<!-- 必须先引入jquery.min.js -->
<script src="/dev/plugins/jquery.min.js"></script>
<script src="/dev/plugins/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
<script src="/dev/views/ccw/gjs/personalcenter.js"></script>
    <script src="/dev/views/ccw/gjs/personalcenter2.js"></script>
<script src="/dev/plugins/layui/layui.js"></script>
<script src="/dev/views/ccw/gjs/personalcenter.js"></script>
<script src="/dev/views/cxy/js/xiaobofang/jquery.marquee.min.js"></script>
<script src="/dev/views/cxy/js/xiaobofang/player.js"></script>

</body>

</html>